@十萬(wàn)個(gè)為什麼 ：電子商務(wù)網(wǎng)站的設(shè)計(jì)趨勢(shì)越來(lái)越向極簡(jiǎn)化靠攏了。在過(guò)去，很多線上商城都采用了相反的方式來(lái)設(shè)計(jì)。這些網(wǎng)站通常都充斥著各種信息，字體和顏色都咄咄逼人，并且網(wǎng)站嚴(yán)重"過(guò)度設(shè)計(jì)"。

現(xiàn)在很多網(wǎng)站棄用模特、夸張的顏色和字體、花哨的圖片，只為營(yíng)造極簡(jiǎn)風(fēng)格來(lái)展示他們的商品。自響應(yīng)式設(shè)計(jì)形式出現(xiàn)以來(lái)，它便成為影響眾多網(wǎng)站的一種趨勢(shì)（不僅僅是電子商務(wù)）。更多設(shè)計(jì)師開(kāi)始擁抱這種趨勢(shì)——簡(jiǎn)單才是更好的。

相關(guān)閱讀：
經(jīng)驗(yàn)分享：響應(yīng)式排版中的基礎(chǔ)知識(shí)

這會(huì)帶給用戶更好的網(wǎng)上購(gòu)物體驗(yàn)和更干凈的界面，文字更易讀、界面更簡(jiǎn)單、快速和友好。這種趨勢(shì)不僅僅關(guān)乎設(shè)計(jì)，還創(chuàng)造了更佳的整體體驗(yàn)，想想蘋果和它線上商店所取得的成功。

現(xiàn)在，我們來(lái)看看這種趨勢(shì)和將它運(yùn)用得當(dāng)?shù)墓荆€有能一些能為你所用的訣竅 : ）

趨勢(shì)

越來(lái)越多公司開(kāi)始在他們網(wǎng)站中舍棄豐富顏色、模特和動(dòng)畫，有助于實(shí)現(xiàn)更加簡(jiǎn)化的設(shè)計(jì)方案。

背景紋理都變得更加微妙——或完全去除了，為了使用純白或純黑的背景來(lái)突出商品圖片。但為什么呢？

用簡(jiǎn)單的設(shè)計(jì)方案，有助于一個(gè)品牌宣揚(yáng)它的商品。不需要猜測(cè)賣的是什么，因?yàn)橐磺卸记逦髁恕＿@么做可以消除一個(gè)品牌以往的戰(zhàn)略所塑造的生活方式和形象，它們往往會(huì)蓋過(guò)實(shí)際產(chǎn)品。

這種方案成本很低。不需要雇傭模特，簡(jiǎn)單的背景也可以減少設(shè)計(jì)前的工作量。上手所需的，只需要工作室的一點(diǎn)燈光和優(yōu)質(zhì)照片就行了。

在非常復(fù)雜的設(shè)計(jì)上少花心思，可以讓企業(yè)有更多時(shí)間聚焦于用戶體驗(yàn)。畢竟一個(gè)電子商務(wù)網(wǎng)站首先考慮的還是銷量。一個(gè)站點(diǎn)必須運(yùn)轉(zhuǎn)正常、加載迅速，并且確保用戶很容易找到他們所要的，來(lái)促成購(gòu)買。

電子商務(wù)網(wǎng)站設(shè)計(jì)注意事項(xiàng)

為了展現(xiàn)出活力。不要照抄另一個(gè)網(wǎng)站。是什么使得你的商品與眾不同？將它在展柜中宣揚(yáng)出來(lái)。

1、網(wǎng)站要便于閱讀。字體應(yīng)該干凈簡(jiǎn)潔。商品數(shù)量、尺寸、顏色和價(jià)格需要清晰可辨。別忘了商品注釋和購(gòu)買按鈕———— 分類是首要任務(wù)。

2、照片應(yīng)該直接使用商品圖片。不要用奇怪的角標(biāo)或者非同尋常的光照效果。顧客想盡可能清楚地看到商品。確保你的照片能表達(dá)這一點(diǎn)。每張照片得是真實(shí)商品最精確的寫照。

3、確保你的網(wǎng)站易于瀏覽和導(dǎo)航。如果它加載很慢或者太復(fù)雜，顧客會(huì)逐漸減少。要包含促銷和你們公司的信息。讓顧客知道為何你與眾不同，值得他們花錢。

4、所有元素都要清晰并規(guī)劃有序。如果一張圖片質(zhì)量較低或很模糊，不要使用它。如果一個(gè)設(shè)計(jì)元素與你的產(chǎn)品不協(xié)調(diào)，換一種手法。

5、讓購(gòu)物簡(jiǎn)單有趣。顧客可能會(huì)被網(wǎng)站的驚艷之處所吸引，但你還需要一些好玩的花招來(lái)留住他們，要確保隨后的頁(yè)面都容易瀏覽和使用。

實(shí)踐出真知，你可以一邊欣賞下面的網(wǎng)站一邊理解 : ）

8個(gè)優(yōu)秀案例：

Le Coq Sportif

焦點(diǎn)在商品列表上，你不用來(lái)回點(diǎn)擊就能看見(jiàn)各種商品。這對(duì)沒(méi)有明確目標(biāo)的顧客和沖動(dòng)型消費(fèi)者非常有意義

Visual Supply：

極度簡(jiǎn)單的布局相當(dāng)醒目，每個(gè)商品都清晰地標(biāo)識(shí)出來(lái)。鼠標(biāo)滑過(guò)每個(gè)商品時(shí)展現(xiàn)的紅色邊框是很棒的設(shè)計(jì)

Ditto：

眼鏡陳列很有趣。因?yàn)樗纳唐氛故竞?jiǎn)單純粹（也包括網(wǎng)站設(shè)計(jì)），讓人感覺(jué)就像在一個(gè)個(gè)對(duì)比實(shí)物

Neve/Hawk：

簡(jiǎn)單未必代表無(wú)趣。這家公司用了大量中性顏色和簡(jiǎn)單的照片來(lái)展示每個(gè)商品（他們有個(gè)非常有活力的歡迎頁(yè)面）

Narwhal Co.：

Narwhal Co.：圖片立刻能抓住眼球。它們都清晰、色彩豐富。醒目的好照片總能吸引人進(jìn)來(lái)

Callaway Golf：

氛圍圖片很棒，確定了商品的整體基調(diào)，不過(guò)每個(gè)商品也能獨(dú)立出來(lái)。商品間以相同格式排布的圖片很容易形成對(duì)比

圖片很棒，相當(dāng)搶鏡。每個(gè)商品看起來(lái)都很華麗，使得品牌故事與眾不同

Incase：

這家公司的促銷手段很好，網(wǎng)站脫離了雜亂臃腫的感覺(jué)。帶按鈕的簡(jiǎn)單的照片告訴顧客還有其他選擇

結(jié)論

這種趨勢(shì)值得學(xué)習(xí)堅(jiān)守，干凈的設(shè)計(jì)總是好的。如果各公司真正將這種理念用于展示產(chǎn)品，那就更好了

有千萬(wàn)種理由說(shuō)明商品放在簡(jiǎn)單的背景上效果好，它能給產(chǎn)品一個(gè)空間來(lái)為自己代言，給顧客留下一個(gè)好的產(chǎn)品印象。

 
原文地址：tympanus
譯文地址：colachan
譯者：@十萬(wàn)個(gè)為什麼
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語(yǔ)音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量56萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：